<template>

	<view class="index">
		<view class="popup-wrapper" v-show="showPopup">
			<popup v-if="showPopup">
				<view @click="closePopup" class="close-btn">×</view>
				<image class="image-2" @click="goToPage" :src= "image" ></image>
			</popup>
		</view>
		<view :style="backgroundStyle" class="backgroundClass" v-show="scrollTop<200">

		</view>
		<view class="imageView" ref="page">
			<view class="titleView" v-if="scrollTop<101">
				<navbar :config="config" backColor="#000" class="topViewOne">
					<!-- :style="'height:' + sticky + 'px;padding-top:'+statusBarHeight +'px;'" -->
				</navbar>
				<!-- :style="'top:'+statusBarHeight +'px;'" -->
				<image src="@/static/image/lidapage/rightButton.png" class="rightButton" @click="rightButtonClick"
					:style="'position:absolute;top:'+statusBarHeight +'px;'"></image>
			</view>
			<!-- padding-top:'+statusBarHeight +'px;' -->
			<view :style="'height:' + sticky + 'px;'" style="position: fixed;top: 0;z-index: 1000;" v-else>
				<navbar :config="config" backColor="#999999" :class="{backTop:scrollTop>100 ? 'backTop' : ''}">
				</navbar>
			</view>


			<!-- <view :style="{ top: top + 'px' }" class="top"></view> -->
			<!-- <div class="seat"></div> -->
			<!-- <view style="background: linear-gradient(180deg,#2bba26 0%, #047753 100%);">
			<div class="search-box">
				<div class="search" @click="searchClick">
					<text class="hxicon search-icon" style="color:#dbdbdb;">&#xe65c;</text>
					<div class="key-word">请输入搜索关键字</div>
				</div>
				<div class="iconfont2 message" @click="goToMsg()">
					&#xe60e;
					<view class="num" v-if="msgCenter==0?false:msgCenter">{{msgCenter > 99 ? '99+' : msgCenter}}</view>
				</div>
			</div>
		</view> -->
			<view class="box" :style="'margin-top:-'+statusBarHeight +'px;'">
				<view class="top-box" :class="showTopSearch ? '' : 'hide'">
					<view :style="Style"></view>
					<!-- <view class="title">公益商城</view> -->
					<view class="input-box">
						<!-- <view class="status-bar" :style="Style"></view> -->
						<!-- <text class="text">惠选中亿</text> -->
						<!-- <image :src="imgUrl+'/lidaPage/samllLogo.png'" class="samllLogo"></image> -->
						<view class="inputView" @click="searchClick">
							<image :src="imgUrl+'/city/huiSearchSmall.png'" class="searchInput"></image>
							<u-input disabled type="text" style="pointer-events:flex;flex:0.5" placeholder="优质海外商品任你挑选"
								class="inputClass" placeholder-class="input-placeholder" @click="searchClick" />
							<!-- <view class="inputText" @click="searchClick">搜索</view> -->
						</view>
						<!-- <text class="iconfont2 msgCenter" @click="goToMsg()">
						<image src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/message.png"
							style="width: 50rpx; height: 50rpx; margin-left: 15rpx"></image>
						<text v-if="msgCenter == 0 ? false : msgCenter">{{
              msgCenter
            }}</text>
					</text> -->
					</view>
				</view>
				<!-- :class="showTopSearch ? '' : 'marginTop600'" -->
				<view class="scrollViewClass">
					<view class="scrollViewClassItem">首页</view>
					<!-- <view style="width: 100%;"> class="one-cate scroll-view oneCateView" -->
					<view scorll-x="true" class="scroll-view" style='white-space: nowrap;'>
						<view v-for="(item, index) in cateList" @click="jumpCateXin(item.id)" :key="item.id"
							class="item" style="display: inline-block;width: 108rpx;margin-right: 39rpx;">
							{{ item.name }}
						</view>
					</view>
					<!-- </view> -->
					<view class="allView" @click="jumpCateXin()">
						<image src="@/static/image/lidapage/allIcon.png" class="allIcon"></image>
						<view>分类</view>
					</view>
				</view>

				<!-- style="margin-top: 25rpx;" -->
				<view class="swiper" v-if="shopBanner.length > 0">
					<view class="uni-margin-wrap">
						<swiper class="swiper" :indicator-dots="true" :autoplay="true" :current="current"
							:interval="3000" :duration="1000" circular="false" @change="onChange" style="opacity: 0.9">
							<swiper-item v-for="item in shopBanner" :key="item.id">
								<view class="swiper-item" @click="
                 imgLink(
                    item.model_type,
                    item.model_id,
                    item.url,
                    item.shop_id
                  )
                ">
									<image class="bannersize" :src="item.cover"></image>
								</view>
							</swiper-item>
						</swiper>
					</view>
				</view>
			</view>
		</view>

		<view class="messageClass">
			<!-- <view class="messageView" @click="indexNew">
				<image src="../../static/image/lidapage/horn.png" class="hornImage"></image>
				<view class="messageViewContent">618低价好货，爆款抢先购！</view>
			</view> -->
			<view @click="noticeNav">
				<u-notice-bar class="messageView" mode="horizontal" type="error" :list="noticeList">

				</u-notice-bar>
			</view>


			<!-- 首页一级分类 -->
			<!-- :style="{ top: top + 'px' }" -->
			<!-- margin-top: 600rpx;showTopSearch -->
			<!-- :style="{showTopSearch?'margin-top':'600rpx':''}" -->
			<!-- :class="showTopSearch ? '' : 'marginTop600'" -->

			<scroll-view scroll-x="true" class="one-cate scroll-view oneCateView"
				style='white-space: nowrap;width: 750rpx;'>
				<!-- cateList.slice(0, 5)" -->
				<!-- <view class="itemView"> -->
				<!-- <view class="item"  style="width: 20%;"
						@click="jumpCate()" >
						<image mode="widthFix" src="../../static/image/lidapage/allFenLei.png"></image>
						<view class="word">全部分类</view>
					</view> -->
				<view class="item" v-for="(item, index) in cateList" style="width: 13%;"
					@click="jumpCate(item.id,item.name)" :key="item.id">
					<image mode="widthFix" :src="item.cover_image"></image>
					<view class="word">{{ item.name }}</view>
				</view>
				<!-- </view> -->
				<!-- <view class="itemView">
					<view class="item" v-for="(item, index) in cateList.slice(10, 20)" style="width: 20%;"
						@click="jumpCate(item.id,item.name)" :key="item.id">
						<image mode="widthFix" :src="item.cover_image"></image>
						<view class="word">{{ item.name }}</view>
					</view>
				</view> -->
			</scroll-view>
			<!-- <view class="one-cate" style="margin-top: 0;padding-bottom: 39rpx;">
				<view class="item" v-for="(item, index) in cateList.slice(5, 10)" @click="jumpCate(item.id)"
					:key="item.id">
					<image mode="widthFix" :src="item.cover_image"></image>
					<view class="word" style="margin-bottom: 0;">{{ item.name }}</view>
				</view>
			</view> -->
		</view>
		<view class="timeShop">
			<view class="timeShopView" v-if="flashSaleList">
				<view class="timeShopViewLeft" @click="more">
					<view class="timeShopViewLeft-title">限时抢购</view>
					<uni-countdown :hour="hoursValue" :minute="minutesValue" :second="secondsValue"
						backgroundColor="#000000" :show-day="false" splitorColor="#000000" color="#fff"></uni-countdown>
					<!-- this.hoursValue=12-this.hours
						this.minutesValue=60-this.minutes
						this.secondsValue=60-this.seconds -->

					<image src="../../static/image/lidapage/lookMore.png" class="lookMore"></image>
				</view>
				<view class="timeShopViewRight" v-for="i in flashSaleListXin">
					<view class="timeShopViewRightTop" @click="panicBuy(flashSaleListXin[0].id)">
						<view class="leftView">
							<image :src="flashSaleListXin[0].cover" class="leftViewImage"></image>
							<image src="../../static/image/lidapage/tuijian.png" class="tuijian"></image>
						</view>
						<view class="rightView">
							<view class="title">
								{{flashSaleListXin[0].title}}
							</view>
							<view class="moneyView">
								<view>¥{{flashSaleListXin[0].min_price}}</view>
								<view>¥{{flashSaleListXin[0].min_sale_price}}</view>
							</view>
							<image src="../../static/image/lidapage/lijiqianggou.png" class="lijiqianggou"></image>
						</view>
					</view>

				</view>
				<view class="timeShopViewBottom scroll-view" style="white-space: nowrap;">

					<view class="timeShopViewBottom-item" v-for="i in flashSaleList" @click="panicBuy(i.id)">
						<image :src="i.cover" class="timeShopViewBottom-itemImage"></image>
						<view class="timeShopViewBottom-itemTitle" style="-webkit-line-clamp: 2 !important;
						display: -webkit-box !important;-webkit-box-orient: vertical;overflow: hidden !important;
						text-overflow: ellipsis !important;white-space:pre-wrap">
							{{i.title}}
						</view>
						<view class="timeShopViewBottom-itemTitle-moneyView">
							<view>¥{{i.min_price}}</view>
							<view>¥{{i.min_sale_price}}</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="goodWuView" @click="freeCollectionXin">


			<!--  -->
			<image src="@/static/image/lidapage/goodWu.png" class="goodWu"></image>
		</view>
		<view class="productView">
			<view v-for="(item, index) in hxCateList.slice(0, 4)" @click="jumpHxCate(item)" :key="item.id">
				<!-- <image src="../../static/image/lidapage/fourProduct.png" class="productImage"
					style="margin-right: 19rpx;margin-bottom: 19rpx;" v-if="index=='0'"></image>
				<image src="../../static/image/lidapage/threeProduct.png" class="productImage"
					style="margin-bottom: 19rpx;" v-if="index=='1'"></image>

				<image src="../../static/image/lidapage/oneProduct.png" class="productImage"
					style="margin-right: 19rpx;" v-if="index=='2'"></image>
				<image src="../../static/image/lidapage/twoProduct.png" class="productImage" v-if="index=='3'"></image> -->
				<image :src="item.cover_image" class="productImage"></image>

			</view>
		</view>
		<view class="redemptionPointsView">
			<image src="../../static/image/lidapage/redemptionPoints.png"
				@click="goDetail('/pages/freeCollection/index?exchangeType=voucher')" class="redemptionPoints"></image>
		</view>



		<!-- <view class="classlist"> -->
		<!-- <view class="item" @click="goDetail('/pages/research/nearby/timeLimit')">
				<div class="img-box">
					<image mode="widthFix"
						src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/common/alarmClock-icon.png">
					</image>
				</div>
				<view class="font">限时秒杀</view>
			</view>
			<view class="item" @click="goDetail('/pages/research/homepage/groupList')">
				<div class="img-box">
					<image mode="widthFix"
						src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/common/spell-icon.png">
					</image>
				</div>
				<view class="font">拼团</view>
			</view> -->
		<!-- <div class="one-cate"> -->
		<!-- <template v-if="cateList.length > 4">
				<view class="item" v-for="(item, index) in cateList.slice(4, 6)" @click="jumpCate(item.id)"
					:key="item.id">
					<view class="imgbox">
						<image mode="widthFix" :src="item.cover_image"></image>
					</view>
					<view class="word font">{{ item.name }}</view>
				</view>
			</template> -->
		<!-- </div> -->
		<!-- 			<view class="item" @click="goDetail('/pages/welfareBuy/index')"> -->
		<!-- <view class="item" @click="goDetail('/pages/index/list')">
        <div class="img-box"><text class="iconfont3 integral">&#xe602;</text></div>
        <view class="font">公益福利</view>
      </view> -->
		<!-- 			<view v-if="ispay" class="item" @click="goDetail('/pages/couponCenter/index', true)"> -->
		<!-- <view v-if="ispay" class="item" @click="goDetail('/pages/index/list')">
        <div class="img-box"><text class="iconfont3 discounts">&#xec03;</text></div>
        <view class="font">优惠商品</view>
      </view> -->
		<!-- <view v-if="ispay" class="item" @click="goDetail('/pages/nearbyShop/index')"> -->
		<!--      复购激活区-->
		<!--      <view-->
		<!--        v-if="ispay"-->
		<!--        class="item"-->
		<!--        @click="goDetail('/pages/freeCollection/index')"-->
		<!--      >-->
		<!--        <div class="img-box">-->
		<!--          <image-->
		<!--            mode="widthFix"-->
		<!--            src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/common/activeRegion-icon.png"-->
		<!--          >-->
		<!--          </image>-->
		<!--          &lt;!&ndash; <text class="iconfont3 activeRegion">&#xe6b2;</text> &ndash;&gt;-->
		<!--        </div>-->
		<!--        <view class="font">兑换区</view>-->
		<!--      </view>-->
		<!-- <view v-if="ispay" class="item" @click="goDetail('/pages/freeCollection/index?exchangeType=voucher')">
				<div class="img-box">
					<image mode="widthFix"
						src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/common/activeRegion-icon.png">
					</image>
				</div>
				<view class="font">兑换区</view>
			</view> -->
		<!-- </view> -->

		<!-- <view class="timeFlashView">
			<view class="miaoshaView" :style="'background-image: url('+imgUrl+'/miaosha/bottom.png' + ')'"
				style="background-size: 100% 100%;" @click="goDetail('/pages/research/nearby/timeLimit')">
				<image :src="imgUrl+'/miaosha/logo.png'" class="miaoshalogo"></image>
				<uni-countdown :hour="23" :minute="59" :second="59" backgroundColor="#FF466D" :show-day="false"
					splitorColor="#FF466D" color="#fff"></uni-countdown>
				<image :src="imgUrl+'/miaosha/button.png'" class="miaoshaButton"></image>
			</view>
			<view class="timeFlashView-rightView">
				<view class="timeFlashView-rightView-top"
					:style="'background-image: url('+imgUrl+'/lidaPage/timeOneBack.png' + ')'"
					@click="goDetail('/pages/research/homepage/groupList')">
					<view class="left">
						<view class="title">
							超值拼团
						</view>
						<view class="button">
							<view>GO</view><u-icon name="arrow-right" size="21"></u-icon>
						</view>
					</view>
				</view>
				<view class="timeFlashView-rightView-bottom"
					:style="'background-image: url('+imgUrl+'/lidaPage/timeTwoBack.png' + ')'"
					@click="goDetail('/pages/freeCollection/index?exchangeType=voucher')">
					<view class="left">
						<view class="title">
							兑换区
						</view>
						<view class="button">
							<view>GO</view><u-icon name="arrow-right" size="21"></u-icon>
						</view>
					</view>
				</view>
			</view>
		</view> -->
		<!-- 惠选专区 hxCateList-->
		<!-- :style="'background-image: url(' +img('/lidaPage/huixuanzhuanqu.png)') + ')'" -->
		<!-- <view class="hxbox" v-if="hxCateList.length"
			:style="'background-image: url('+imgUrl+'/lidaPage/huixuanzhuanqu.png' + ')'">
			<view class="hxClassify">
				<view class="item" :style="'background-image: url('+imgUrl+'/lidaPage/zhuanqu.png' + ')'"
					v-for="(item, index) in hxCateList.slice(0, 4)" @click="jumpHxCate(item)" :key="item.id">
					<view class="item-left" v-if="index=='0'">
						<view class="one">健康系列</view>
						<view class="two">大健康产品关爱你我</view>
						<view class="three">查看更多<u-icon name="arrow-right" size="20"></u-icon></view>
					</view>
					<view class="item-left" v-if="index=='1'">
						<view class="one">养生系列</view>
						<view class="two">爱生活、更爱自己</view>
						<view class="three">查看更多<u-icon name="arrow-right" size="20"></u-icon></view>
					</view>
					<view class="item-left" v-if="index=='2'">
						<view class="one">保养系列</view>
						<view class="two">魅力新生活健康你我他</view>
						<view class="three">查看更多<u-icon name="arrow-right" size="20"></u-icon></view>
					</view>
					<view class="item-left" v-if="index=='3'">
						<view class="one">美妆护肤</view>
						<view class="two">做最闪亮的自己</view>
						<view class="three">查看更多<u-icon name="arrow-right" size="20"></u-icon></view>
					</view>
					<image mode="widthFix" :src="item.cover_image"></image>
				</view>
			</view>
		</view> -->

		<!-- 热门推荐 -->




		<!-- 限时秒杀 -->
		<!-- <view class="seckill" v-if="currSeckill && currSeckill.length > 0">
			<view class="seckill-item">
				<view class="seckill-top" @click="goDetail('/pages/research/nearby/timeLimit')">
					<view class="eckill-top-left">
						<view class="left">限时秒杀</view>
						<view class="line" v-if="currTime"></view>
						<view class="time" v-if="currTime">{{ currTime }}点场 剩余</view>
					</view>
					<view class="reciprocal" v-if="currTime">
						<uni-countdown :backgroundColor="'none'" @timeup="overDown2" :color="'#fff'"
							:splitorColor="'#fff'" :show-day="time2[0] > 0" :day="time2[0]" :hour="time2[1]"
							:minute="time2[2]" :second="time2[3]">
						</uni-countdown>
					</view>
				</view>
				<view class="option" v-if="currSeckill && currSeckill.length > 0">

					<swiper :indicator-dots="false" :autoplay="false" :display-multiple-items="itemsDis2"
						@change="imgActiveFun2" circular="true">
						<swiper-item v-for="(item, key) in currSeckill" :key="key">
							<div class="fa-item">
								<view class="option-item" v-for="itemSon in item" @click="
                    goProductDetails(
                      '/pages/product/goods/seckillGoods?id=' + itemSon.id
                    )
                  " :key="item.id">
									<image v-if="itemSon && itemSon.cover" :src="itemSon.cover" mode="aspectFill">
									</image>
									<view class="number">
										<rich-text :nodes="$mUtil.priceBigSmall(itemSon.min_price)"></rich-text>
									</view>
								</view>
							</div>
						</swiper-item>
					</swiper>

				</view>

				<nodata v-else :config="{ top: 1, content: '暂无商品~' }"></nodata>
			</view>
		</view> -->

		<!-- 拼团购 -->
		<!-- v-if="groupList && groupList.length > 0" -->
		<view class="group-work" v-show="false">
			<view class="work-top" @click="goDetail('/pages/research/homepage/groupList')">
				<view class="top-left">拼团购</view>
				<view class="top-right" style="color: #474747">
					查看更多
					<text class="iconfont u-font24 u-AAAAAA" style="margin-left: 10rpx">&#xe6c7;</text>
				</view>
			</view>
			<view v-if="groupList && groupList.length > 0">
				<view class="middle" v-for="item in groupList" :key="item.id" @click="
            goProductDetails('/pages/product/goods/puzzleGoods?id=' + item.id)
          ">
					<view class="middle-left">
						<image v-if="item && item.cover" :src="item.cover" mode="aspectFill"></image>
					</view>
					<view class="middle-right">
						<view class="middle-title u-text2">{{ item.title }}</view>
						<view class="contain">
							<view class="large">
								<rich-text :nodes="$mUtil.priceBigSmall(item.min_price)"></rich-text>
							</view>
							<view class="small">¥ {{ item.min_sale_price }}</view>
						</view>
						<view class="division">
							<view class="middle-num">
								<view class="three">{{ item.group_people_num }}人团，已拼
									<text style="color: #FF211F; margin: 0 5rpx">
										{{ item.result_sale_num }}</text>
									件
								</view>
							</view>
							<view class="button">去拼团</view>
						</view>
					</view>
				</view>
			</view>
			<nodata v-else :config="{ top: 1, content: '暂无商品~' }"></nodata>
		</view>



		<!-- 本月热销 -->
		<!--    <view class="new-products">-->
		<!--      <view class="new-top">-->
		<!--        <view class="new-left">每月热销</view>-->
		<!--        <view class="new-line"></view>-->
		<!--        <view class="new-right">爆品热卖中</view>-->
		<!--      </view>-->
		<!--      <view v-if="hotList && hotList.length > 0">-->
		<!--        &lt;!&ndash; itemsDis &ndash;&gt;-->
		<!--        <swiper-->
		<!--          class="month-list"-->
		<!--          :indicator-dots="false"-->
		<!--          :autoplay="false"-->
		<!--          :display-multiple-items="itemsDis"-->
		<!--          @change="imgActiveFun"-->
		<!--          :circular="false"-->
		<!--        >-->
		<!--          <swiper-item-->
		<!--            class="item"-->
		<!--            @click="-->
		<!--              goProductDetails('/pages/product/goods/goods?id=' + item.id)-->
		<!--            "-->
		<!--            v-for="item in hotList"-->
		<!--            :key="item.id"-->
		<!--          >-->
		<!--            <image-->
		<!--              v-if="item && item.cover"-->
		<!--              :src="item.cover"-->
		<!--              mode="aspectFill"-->
		<!--            ></image>-->
		<!--            <view class="list-num">-->
		<!--              <rich-text-->
		<!--                :nodes="$mUtil.priceBigSmall(item.min_sale_price, true, 28)"-->
		<!--              ></rich-text>-->
		<!--              &lt;!&ndash; <rich-text :nodes="$mUtil.priceBigSmall(item.min_sale_price)"></rich-text> &ndash;&gt;-->
		<!--            </view>-->
		<!--            &lt;!&ndash; <view class="sold">已售{{ item.result_sale_num }}件</view> &ndash;&gt;-->
		<!--          </swiper-item>-->
		<!--        </swiper>-->

		<!--  <view class="slide-box">
          <view class="dotBox" v-if="hotList.length > 0"> -->
		<!-- 上面给的动态样式 :style="{ marginLeft: ml + 'rpx' }" -->
		<!-- v-for="(v, i) in hotList.slice(0,hotList.length-2)" -->
		<!-- <view class="dotBox_item" v-for="(v, i) in lineList" :key="i"
              :class="{ active_dotBox: activeBannerIndex == i }"></view>
          </view>
        </view> -->
		<!--      </view>-->

		<!--      <nodata v-else :config="{ top: 1, content: '暂无商品~' }"></nodata>-->
		<!--    </view>-->
		<!-- 本月热销 -->
		<!-- 每周上新 -->
		<!-- <view class="new-products">
			<view class="hot-top " >
				<view class="hot-left">每周上新</view>
				<view class="hot-right">新品上市优惠热销</view>
			</view>
			<view class="new-list" v-if="newsList && newsList.length > 0">
				<view class="item" v-for="item in newsList" :key="item.id"
					@click="goProductDetails('/pages/product/goods/goods?id=' + item.id)">
					<image v-if="item && item.cover" :src="item.cover" mode="aspectFill" class="new-listImage"></image>
					<view class="title-price">


						<view class="title" style="margin-top: 16rpx;">{{item.title}}</view>
						<view class="list-num">
							<rich-text :nodes="$mUtil.priceBigSmall(item.min_sale_price, true, 28)"></rich-text>
						</view>
					</view>
				</view>
			</view>
			<nodata v-else :config="{ top: 1, content: '暂无商品~' }"></nodata>
		</view> -->




		<!-- <view class="hot ">
			<view class="hot-top marginTo38" style="margin-top: 24rpx;margin-left: 19rpx;">
				<view class="hot-left">热门推荐</view>
				<view class="hot-right">精选好物推荐</view>
			</view>
			<view class="hot-item" v-if="recommendList && recommendList.length > 0">
				<view class="item" v-for="item in recommendList" :key="item.id"
					@click="goProductDetails('/pages/product/goods/goods?id=' + item.id)">
					<image v-if="item && item.cover" :src="item.cover" mode="aspectFill"></image>
					<div class="title-price">
						<view class="hot-introduce" v-if="item && item.title">{{
		      item.title
		    }}</view>
						<view class="hot-number">
							<view class="hot-large">
								<rich-text :nodes="$mUtil.priceBigSmall(item.min_sale_price)"></rich-text>
							</view>
							<view class="hot-small">￥{{ item.max_market_price }}</view>
						</view>
					</div>
				</view>
			</view>
			<nodata v-else :config="{ top: 1, content: '暂无商品~' }"></nodata>
		</view> -->


		<!-- 猜你喜欢 -->
		<view class="guess">
			<view class="hot-top " style="margin-top:46rpx;margin-bottom:46rpx;margin-left: 19rpx;">
				<view class="hot-item" :class="itemValue==3? 'hot-left' : ''" @click="threeClick">猜你喜欢</view>
				<view class="hot-item" :class="itemValue==2? 'hot-left' : ''" @click="twoClick">热门推荐</view>
				<view class="hot-item" :class="itemValue==1? 'hot-left' : ''" @click="oneClick">每周上新</view>
			</view>

			<view class="guess-item" v-if="goodsList && goodsList.length > 0">
				<view class="item" @click="goProductDetails('/pages/product/goods/goods?id=' + item.id)"
					v-for="(item, index) in goodsList" :key="index">
					<image v-if="item && item.cover" :src="item.cover" mode="aspectFill"></image>
					<view style="padding-bottom: 23rpx">
						<view class="name" style="flex: 1">{{ item.title }}</view>
						<view class="number">
							<view class="number-red">
								<rich-text :nodes="$mUtil.priceBigSmall(item.min_sale_price)"></rich-text>
							</view>
							<view class="number-grey">￥{{ item.max_market_price }}</view>
						</view>

					</view>
				</view>
			</view>
			<nodata v-else :config="{ top: 1, content: '暂无商品~' }"></nodata>
			<loadMore v-if="goodsList.length > 0" :status="status"></loadMore>
			<ldLoading isFullScreen :active="loading"></ldLoading>
		</view>
		<!-- 猜你喜欢 -->

		<!-- <view class="cart-entrance" @click="toCartPage()">
			<image src="https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/commonwealMall/cart2.png"
				alt=""></image>
		</view> -->
		<!-- <entrepreneurship-zone-tabbar :current="0"></entrepreneurship-zone-tabbar> -->
	</view>
</template>

<script>
	let app = getApp();
	export default {
		data() {
			return {
				image: null,
				productId: null,
				type: null,
				showPopup: true,
				loading: false,
				statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
				sticky: uni.getSystemInfoSync().statusBarHeight + 60,
				flashSaleListXin: [],
				scrollTop: 0, // 页面滚动位置
				list: [],
				// 当前轮播图索引
				current: 0,
				// 缓存banner图片主题色
				colors: [],
				// 记录当前提取到第几张banner图片
				count: 0,
				noticeList: [
					'618低价好货，爆款抢先购！'
				],
				//手机状态栏高度
				statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
				showTopSearch: true,
				background: ["color1", "color2", "color3"],
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500,
				config: {
					back: false, //false是tolbar页面 是则不写
					title: "惠选中亿",
					color: "#333333",
					fixed: false,
					//背景颜色;参数一：透明度（0-1）;参数二：背景颜色（array则为线性渐变，string为单色背景）
					backgroundColor: [1, ["#fff"]],
					//背景颜色;参数一：透明度（0-1）;参数二：背景颜色（array则为线性渐变，string为单色背景）
					statusBarFontColor: '#1A1A1A',
					backIconColor: "#000",
					// rightButton:[{
					// 	key:'btn1',
					// 	position:"left",
					// 	icon:'&#xe6eb;'
					// }],
					// rightSlot: true,
					// search: {
					// 	disabled:true,
					// 	value: "",
					// 	placeholder: "请输入搜索关键字",
					// },
				},
				keyWord: "",
				groupList: [], //团购
				hotList: [
					// {cover: 'https://gulimall-java.oss-cn-chengdu.aliyuncs.com/img/admin/t32W8pXB.png'},
					// {cover: 'https://gulimall-java.oss-cn-chengdu.aliyuncs.com/img/admin/QyYZ1abZ.jpg'},
					// {cover: 'https://gulimall-java.oss-cn-chengdu.aliyuncs.com/img/admin/XT4XBY4H.jpg'},
					// {cover: 'https://gulimall-java.oss-cn-chengdu.aliyuncs.com/img/admin/ikbbTkHC.jpg'}
				], //本月热销
				newsList: [], //每周上新
				recommendList: [], //推荐
				shopBanner: [], //轮播图
				currSeckill: [], //秒杀
				time2: [0, 0, 0, 0], //秒杀倒计时
				goodsList: [], //猜你喜欢
				currTime: null,
				keyList: 0,
				ml: -22,
				itemsDis: 1,
				activeBannerIndex: 0,
				keyList2: 0,
				ml2: -22,
				itemsDis2: 1,
				activeBannerIndex2: 0,
				page: 1,
				status: "more",
				isOver2: false,
				msgCenter: null,
				imgUrl: this.$mConfig.staticUrl,
				top: 0,
				cateList: [], // 一级分类
				hxCateList: [],
				lineList: 0,
				ispay: app.globalData.openPay,
				backgroundImageUrl: '',
				hours: '',
				minutes: '',
				seconds: '',
				hoursValue: '',
				minutesValue: '',
				secondsValue: '',
				flashSaleList: [],
				finish_time: '',
				hoursFinish: '', // 获取小时
				minutesFinish: '', // 获取分钟
				secondsFinish: '',
				start_hour: '',
				itemValue: 1,


			};
		},

		onLoad() {
			// #ifdef APP-PLUS
			if (plus.os.name == "iOS") {
				// 首先获取一次网络状态
				uni.getNetworkType({
					success: (res) => {
						if (res.networkType != "none") {
							this.init();
						}
					},
				});
				// 监听网络变化
				uni.onNetworkStatusChange((res) => {
					if (res.isConnected) {
						this.init();
					}
				});
			} else {
				this.init();
				this.getAppInfo();
			}
			// #endif

			// #ifdef H5
			this.init();
			if (plus.os.name == "iOS") {} else {
				this.getAppInfo();
			}
			// #endif

			// this.page = 1;
			// this.getAll();
			// this.top = app.globalData.barHeight + 44
			// this.getOneCate()
			// 是否开启支付
			// this.$http.get("/saleconfig/openPayment").then(res => {
			// 	if (res && res.code == 200) {
			// 		this.ispay = res.openPayment
			// 	}
			// })
			// let that = this;
			// #ifdef APP-PLUS
			// if (plus.os.name == 'iOS') {} else {
			//   this.getAppInfo()
			// }
			// #endif
			
		},
		created(){
			this.getPopUpInfo();
		},
		onShow() {
			this.getmessageNum();
			const now = new Date();
			this.hours = now.getHours().toString().padStart(2, '0'); // 获取小时
			this.minutes = now.getMinutes().toString().padStart(2, '0'); // 获取分钟
			this.seconds = now.getSeconds().toString().padStart(2, '0'); // 获取秒钟
			this.page = 1;
			this.threeClick()
			// this.newWeek();

			// if(this.hours>8&&this.hours<13){//9,12
			// 	this.hoursValue=12-this.hours
			// 	this.minutesValue=60-this.minutes
			// 	this.secondsValue=60-this.seconds

			// }
			// if(this.hours>12&&this.hours<16){//13,15
			// 	this.hoursValue=15-this.hours
			// 	this.minutesValue=60-this.minutes
			// 	this.secondsValue=60-this.seconds
			// }
			// if(this.hours>15&&this.hours<19){//16,18
			// 	this.hoursValue=18-this.hours
			// 	this.minutesValue=60-this.minutes
			// 	this.secondsValue=60-this.seconds
			// }
			// if(this.hours>18&&this.hours<22){//19,21
			// this.hoursValue=21-this.hours
			// this.minutesValue=60-this.minutes
			// this.secondsValue=60-this.seconds

			// }
			console.log("scrollTop", this.scrollTop)
			this.flashSale()

		},
		onPullDownRefresh() {
			this.page = 1;
			// uni.showModal({
			// 	title:'onPullDownRefresh'
			// })
			this.getAll();
			this.getOneCate();
			this.getHxCateList();
			// uni.stopPullDownRefresh();
		},

		onReachBottom() {
			if (this.status == "more") {
				if (this.itemValue == '1') {
					this.page++;
					this.newWeek();
					if (this.newsList.length > 0) {
						this.goodsList = this.goodsList.concat(this.newsList)
					}

				}
				if (this.itemValue == '2') {
					this.page++;
					this.recommend();
					if (this.recommendList.length > 0) {
						this.goodsList = this.goodsList.concat(this.recommendList)
					}

				}
				if (this.itemValue == '3') {
					this.page++;
					this.guessLike();
					if (this.recommendList.length > 0) {
						this.goodsList = this.goodsList.concat(this.recommendList)
					}
				}
				// console.log("this.itemValue",this.itemValue)
				// this.guessLike();
				// this.page++;
			}


		},
		onPageScroll: function(e) {
			console.log("onPageScrolle", e)
			//nvue暂不支持滚动监听，可用bindingx代替
			if (e.scrollTop > uni.upx2px(49 + 30)) {
				this.showTopSearch = false;
			} else {
				this.showTopSearch = true;
			}
			this.scrollTop = e.scrollTop;
			console.log("this.scrollTop ", this.scrollTop)
		},
		computed: {
			Style() {
				return `height:${this.statusBarHeight}px`;
			},
			// 动态设置banner主题颜色背景
			getStyle() {
				const color = this.colors[this.current];
				console.log("color", color)
				return {
					background: color ?
						`linear-gradient(to bottom, rgb(${color}), #fff)` : "#fff",
				};
			},
			backgroundStyle() {
				return `background-image: url(${this.backgroundImageUrl}); background-size: cover; 
				background-position: center;filter: blur(50px);position: relative;position:fixed;
				top:${-2*this.scrollTop}rpx;left:0;
				width:750rpx;height: 250rpx;
				background: #D9D9D9;border-radius: 0rpx 0rpx 0rpx 0rpx; box-shadow: 50px white inset;
				pointer-events: none;transform: scale(2);`;
				// filter: blur(10px);position: relative;
				// height: calc(600rpx - ${this.scrollTop}rpx)
			}

			// background-size: cover; /* 背景图片覆盖整个元素 */
			// background-position: center; /* 背景图片居中 */
			// filter: blur(10px); /* 设置模糊效果，数值越大，模糊越强 */
			// position: relative; /* 相对定位，供子元素绝对定位 */



		},
		mounted() {
			this.showPopup = true; // 在页面mounted时显示弹窗
		},
		methods: {
			getPopUpInfo() {
				this.$http.get('/popconfig/info').then(res => {
					if (res && res.code == 200) {
						this.image = res.data.image;
						this.type = res.data.type;
						this.productId = res.data.product_id;
					}
				})
			},
			closePopup() {
				this.showPopup = false;
			},
			goToPage() {
				if(this.type == 3){
					// 执行页面跳转逻辑，例如跳转到另一个页面
				uni.navigateTo({
					url: '/pages/qiandao/qiandao'
				});
				}
				if(this.type == 2){
					uni.navigateTo({
						url: '/pages/index/news_detail?id=' + this.productId
					});
				}
				if(this.type == 1){
					uni.navigateTo({
						url: '/pages/product/goods/goods?id=' + this.productId
					});
				}
				
			},

			async threeClick() {
				this.itemValue = 3
				// this.goodsList = []
				this.page = 1
				this.goodsList = []
				this.loading = true
				await this.guessLike()
				this.loading = false
			},

			async twoClick() {
				this.itemValue = 2
				this.page = 1
				this.goodsList = []
				this.loading = true

				await this.recommend()
				this.loading = false
				// this.goodsList = []
				// if(this.goodsList.length>0){
				// 	this.goodsList = this.goodsList.concat(this.goodsList)
				// }

			},
			/**热门推荐 */
			recommend() {
				this.$http
					.get(
						`/goods/new`, {
							limit: 6,
							page: this.page,
							type: "hot",
						},
						false
					)
					.then((res) => {
						if (res && res.code == 200) {
							if (res.list.list.length > 0) {
								var that = this

								that.goodsList = that.goodsList.concat(res.list.list);


							}

						}
					});
			},
			async oneClick() {
				this.itemValue = 1
				this.page = 1
				this.goodsList = []
				this.loading = true
				await this.newWeek()
				this.loading = false
				// this.goodsList = []
				// this.goodsList = this.newsList

			},
			/**每周上新 */
			newWeek() {
				this.$http
					.get(
						`/goods/new`, {
							limit: 6,
							page: this.page,
							type: "new"
						},
						false
					)
					.then((res) => {
						if (res && res.code == 200) {
							if (res.list.list.length > 0) {
								var that = this

								that.goodsList = that.goodsList.concat(res.list.list);

							}

						}
					});
			},

			/**本月热销 */
			hotSale() {
				this.$http
					.get(
						`/goods/month`, {
							limit: 12,
							mix_num: 3,
						},
						false
					)
					.then((res) => {
						if (res && res.code == 200) {
							this.hotList = res.list;
							if (this.hotList.length > 2) {
								this.lineList = this.hotList.length - 2;
							}
							if (res.list.length <= 3) {
								this.keyList = 1;
								this.itemsDis = res.list.length;
							}
							if (res.list.length > 3 && res.list.length <= 6) {
								this.keyList = 2;
								this.ml = -45;
								this.itemsDis = 3;
							}
							if (res.list.length > 6 && res.list.length <= 9) {
								this.keyList = 3;
								this.ml = -68;
								this.itemsDis = 3;
							}
							if (res.list.length > 9 && res.list.length <= 12) {
								this.keyList = 4;
								this.ml = -90;
								this.itemsDis = 3;
							}
						}
					});
			},
			hudelnext() {
				console.log('24545')
				// uni.navigateTo({
				// 	url: '/pages/qiandao/qiandao'
				// });
			},
			flashSale() {

				this.$http.get("/marketing/seckillActivityGoods/flash-sale?limit=" + 100).then((res) => {
					console.log("res12313123", res)
					if (res && res.code == 200) {
						this.flashSaleList = res.data.list;
						this.finish_time = res.data.finish_time
						const finish_timeValue = new Date(this.finish_time)
						this.hoursFinish = finish_timeValue.getHours().toString().padStart(2, '0'); // 获取小时
						this.minutesFinish = finish_timeValue.getMinutes().toString().padStart(2, '0'); // 获取分钟
						this.secondsFinish = finish_timeValue.getSeconds().toString().padStart(2, '0')
						if (this.hoursFinish > this.hours) {
							this.hoursValue = this.hoursFinish - this.hours
							this.minutesValue = this.minutesFinish - this.minutes
							this.secondsValue = this.secondsFinish - this.seconds
						}
						this.flashSaleListXin = []
						for (var i = 0; i < this.flashSaleList.length; i++) {
							// console.log("this.flashSaleList[i]", this.flashSaleList[i])
							if (this.flashSaleList[i].recommended == true) {
								console.log("寄哪里")
								this.flashSaleListXin = this.flashSaleListXin.concat(this.flashSaleList[i])
							}
							// console.log("flashSaleListXin", this.flashSaleListXin)
						}
					}
				});
			},

			// banner改变
			onChange(e) {
				this.current = e.target.current;
				// console.log("e123123123123", e)
				const swiperIndex = e.detail.current;
				// const bgColors = ['#ff0000', '#00ff00', '#0000ff']; // 对应不同的swiper-item背景色
				const bgColor = this.shopBanner[swiperIndex].cover;
				// console.log("bgColor图片", bgColor)
				this.backgroundImageUrl = bgColor
				// this.setPageBackground(bgColor);
			},


			indexNew() {
				uni.navigateTo({
					url: "/pages/index/news"
				})
			},
			init() {
				this.page = 1;
				this.getAll();
				this.top = app.globalData.barHeight + 44;
				this.getOneCate();
				this.getHxCateList();
				// this.getLocation()
			},
			panicBuy(id) {

				uni.navigateTo({
					url: "/pages/product/goods/seckillGoods?id=" + id
				})

			},

			// // 获取经纬度
			// getLocation() {
			//   uni.getLocation({
			//     type: 'wgs84',
			//     geocode: true,
			//     success: (res) => {
			//       console.log(res, 1111)
			//       uni.setStorageSync('locationObj', res)
			//     }
			//   });
			// },
			//跳转消息页面
			goToMsg() {
				let token = uni.getStorageSync("token");
				if (!token) {
					uni.navigateTo({
						url: "/pages/research/register/login",
					});
				} else {
					uni.navigateTo({
						url: "/pages/research/setup/myMsg",
					});
				}
			},
			searchClick() {
				// console.log("dian");
				uni.navigateTo({
					url: "/pages/research/homepage/search",
				});
			},
			goProductDetails(url) {
				uni.navigateTo({
					url: url,
				});
			},
			changeIndicatorDots(e) {
				this.indicatorDots = !this.indicatorDots;
			},
			changeAutoplay(e) {
				this.autoplay = !this.autoplay;
			},
			intervalChange(e) {
				this.interval = e.detail.value;
			},
			durationChange(e) {
				this.duration = e.detail.value;
			},
			getAll() {
				this.rest();
				// this.getmessageNum();
				this.getBanner();
				this.seckillList();
				this.getgroupList();
				// this.recommend();
				// this.newWeek();
				// this.hotSale();
				// this.guessLike();
			},
			/**获得消息数量 */
			getmessageNum() {
				let token = uni.getStorageSync("token");
				if (token) {
					this.$http.get("/private/message/unread-num").then((res) => {
						if (res && res.code == 200) {
							this.msgCenter = res.data;
						}
					});
				} else {
					this.msgCenter = 0;
				}
			},
			// 一级分类
			getOneCate() {
				this.$http.get("/category/home/recommend").then((res) => {
					if (res && res.code == 200) {

						this.cateList = this.cateList.concat(res.list);
					}
				});
			},
			getHxCateList() {
				this.$http.get("/hxcategory/home/recommend/4").then((res) => {
					if (res && res.code == 200) {
						this.hxCateList = res.list;
					}
				});
			},
			// 跳转一级分类
			jumpCate(id, name) {
				let that = this;
				that.$store.commit("changeCateId", id || "");
				uni.navigateTo({
					url: "/pages/index/list?name=" + name,
					success: (res) => {},
				});
			},
			jumpCateXin(id) {
				let that = this;

				that.$store.commit("changeCateId", id || "");
				that.$store.commit("category_idOne", id || "");

				uni.navigateTo({
					url: "/pages/fenfei/index",
					success: (res) => {},
				});
			},
			jumpHxCate(item) {
				uni.navigateTo({
					url: `/pages/freeCollection/index?hxCategoryId=${item.id}&title=${item.name}`,
				});
			},
			/**轮播图 */
			getBanner() {
				this.$http
					.get(`/ad/ad/getShopAdByAdL/0/publicshop-banner`, {}, false)
					.then((res) => {
						uni.stopPullDownRefresh();
						this.loading = false;
						if (res && res.code == 200) {
							this.shopBanner = res.list;
						}
					})
					.catch((err) => {
						console.log("err");
						console.log(err);
					});
			},
			imgActiveFun(e) {
				this.activeBannerIndex = e.detail.current;
			},
			imgActiveFun2(e) {
				this.activeBannerIndex2 = e.detail.current;
			},
			overDown2() {
				this.isOver2 = true;
			},
			noticeNav() {
				uni.navigateTo({
					url: "/pages/index/news"
				})

			},
			/**限时秒杀 */
			seckillList() {
				this.$http
					.get(
						`/marketing/seckillActivityGoods/flash-sale`, {
							limit: 10,
							page: 1,
						},
						false
					)
					.then((res) => {
						if (res && res.code == 200) {
							this.start_hour = res.data.start_hour;
							console.log("res.data123123123123123", this.start_hour)
							// this.currSeckill = res.data.list;
							if (res.data.list) {
								this.currSeckill = this.oneArrToTwoArr(res.data.list);
							}
							// if (this.currSeckill && res.data.list.length <= 4) {
							// 	this.keyList2 = 1;
							// 	this.itemsDis2 = res.data.list.length;
							// }
							// if (
							// 	this.currSeckill &&
							// 	res.data.list.length > 4 &&
							// 	res.data.list.length <= 8
							// ) {
							// 	this.keyList2 = 2;
							// 	this.ml2 = -45;
							// 	this.itemsDis2 = 3;
							// }
							// if (
							// 	this.currSeckill &&
							// 	res.data.list.length > 8 &&
							// 	res.data.list.length <= 12
							// ) {
							// 	this.keyList2 = 3;
							// 	this.ml2 = -68;
							// 	this.itemsDis2 = 3;
							// }
							// if (
							// 	this.currSeckill &&
							// 	res.data.list.length > 12 &&
							// 	res.data.list.length <= 16
							// ) {
							// 	this.keyList2 = 4;
							// 	this.ml2 = -90;
							// 	this.itemsDis2 = 3;
							// }
							if (res.data.finish_time) {
								this.time2 = this.$mUtil
									.countDown(Math.floor(res.data.finish_time / 1000))
									.split(":")
									.map((val) => Number(val));
							}
						}
					});
			},
			oneArrToTwoArr(data) {
				let newData = [];
				let zyf = 4; //一维数组转二维数组长度(此处是二维数组每一个长度控制)
				for (var i = 0; i < Math.ceil(data.length / zyf); i++) {
					newData[i] = [];
					newData[i].push(data[i * zyf]);
					for (var j = 1; j < zyf; j++) {
						if (data[i * zyf + j] == undefined) {
							//超出长度控住
							return newData;
						} else {
							newData[i].push(data[i * zyf + j]);
						}
					}
				}
				return newData;
			},
			rightButtonClick() {
				// console.log('/pages/qiandao/qiandao')
				uni.navigateTo({
					url: '/pages/qiandao/qiandao'
				});
			},
			/**团购 */
			getgroupList() {
				this.$http
					.get(
						`/groupbuy/activitygoods/will-you-spell`, {
							limit: 10,
							page: 1,
						},
						false
					)
					.then((res) => {
						if (res && res.code == 200) {
							if (res.list.length > 0) {
								this.groupList = res.list;
							}
						}
					});
			},

			freeCollectionXin() {
				uni.navigateTo({
					url: "/pages/freeCollectionXin/index"
				})

			},

			more() {
				uni.navigateTo({
					url: '/pages/research/nearby/timeLimit?start_hour=' + this.start_hour +
						'&end_hour=' + this.hoursFinish
				})
			},

			/**猜你喜欢 */
			guessLike() {
				this.keyWord = uni.getStorageSync("history") ?
					uni.getStorageSync("history").join(",") :
					"";
				this.$http
					.get(
						`/goods/smart`, {
							page: this.page,
							limit: 6,
							keywords: this.keyWord,
						},
						false
					)
					.then((res) => {
						if (res && res.code == 200) {
							// this.goodsList =
							// 	this.page == 1 ?
							// 	res.page.list :
							this.goodsList = this.goodsList.concat(res.page.list);
							if (res.page.totalPage <= res.page.currPage) {
								this.status = "noMore";
							} else {
								this.status = "more";
							}
						}
					});
			},
			/**轮播图跳转 */
			imgLink(type, id, url, shopid) {
				// if (type == "goods") {
				//   uni.navigateTo({
				//     url: "/pages/product/goods/goods?id=" + id + "&shopid=" + shopid,
				//   });
				// } else if (type == "service") {
				//   uni.navigateTo({
				//     url: "/pages/product/goods/serviceGood?id=" + id
				//   });
				// } else if (type == "point_goods") {
				//   uni.navigateTo({
				//     url: "/pages/product/goods/IntegralGood?id=" + id
				//   });
				// } else if (type == "url") {
				// if (/^http/.test(url)) {
				// uni.navigateTo({
				// 	url: "/pages/index/webView?linkUrl=" + url,
				// });
				// } else {
				uni.navigateTo({
					url
				});
				// }
				// }
			},
			// 跳转商家
			jumpsj() {
				// uni.navigateTo({
				// 	url: "/pages/user/merchant/registerAndAudit",
				// });
				let token = uni.getStorageSync("token");
				if (!token) {
					uni.navigateTo({
						url: "/pages/research/register/login",
					});
				} else {
					this.$http.get("/yxt/shopapply/shopApplyInfo").then((res) => {
						if (res && res.code == 200) {
							if (res.data == null) {
								uni.navigateTo({
									url: "../user/merchant/registerAndAudit",
								});
							} else {
								uni.navigateTo({
									url: "../user/merchant/audit",
								});
							}
						}
					});
				}
			},


			goDetail(url, isNeedLogin) {
				if ((isNeedLogin && uni.getStorageSync("token") == "") || null) {
					this.$mUtil.toast("请先登录");
					return false;
				}
				uni.navigateTo({
					url: url,
				});
			},
			/**重置数据*/
			rest() {
				this.goodsList = [];
				this.currSeckill = [];
				this.shopBanner = [];
				this.recommendList = [];
				this.newsList = [];
				this.hotList = [];
				this.groupList = [];
			},
			toCartPage() {
				uni.navigateTo({
					url: "/pages/index/shop",
				});
			},
			// 获取更新信息
			getAppInfo() {
				this.$http.get("/app/config/info").then((res) => {
					if (res && res.code == 200) {
						this.appInfo = res.data || {};
						// #ifdef APP-PLUS
						plus.runtime.getProperty(plus.runtime.appid, (info) => {
							this.versionCode = info.versionCode;
							if (this.appInfo.number > info.versionCode) {
								uni.navigateTo({
									url: "/components/appUpdatePop",
								});
							}
						});
						// #endif
					}
				});
			},
		},
	};
</script>

<style scoped lang="scss">
	.popup-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: rgba(0, 0, 0, 0.6);
		/* 半透明遮罩背景 */
		z-index: 9999;
		/* 设置最高层级 */
	}

	.close-btn {
		position: absolute;
		top: 280px;
		/* 距离顶部的距离 */
		right: 170rpx;
		/* 距离右侧的距离 */
		font-size: 50px;
		cursor: pointer;
		color: #000;
		z-index: 100;
	}

	.image-2{

		max-width: 60vw;
		max-height: 40vh;
		display: block;
		margin: 0 auto;
	}


	@font-face {
		font-family: "hxicon";
		/* project id 2009392 */
		src: url(data:font/truetype;charset=utf-8;base64,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) format("truetype");
	}

	.hxicon {
		font-family: "hxicon" !important;
		font-size: 20px;
		font-style: normal;
		/* #ifndef APP-NVUE */
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.2px;
		-moz-osx-font-smoothing: grayscale;
		/* #endif */
	}

	.swiper {
		margin: 0 auto;
		width: 712rpx;
		height: 346rpx;
		border-radius: 19rpx 19rpx 19rpx 19rpx;

		/deep/ .uni-swiper-dot {
			// width: 16rpx !important;
			// height: 6rpx;
			// border-radius: 4rpx !important;
			background-color: #fff !important;

			// opacity: 0.5;
		}

		/deep/ .uni-swiper-dot-active {
			width: 40rpx !important;
			height: 16rpx;
			border-radius: 8rpx !important;
			background-color: #fff !important;
			opacity: 1;
		}

		image {
			border-radius: 19rpx 19rpx 19rpx 19rpx;
		}
	}

	/deep/.hx-navbar__content__main_search_hxicon {
		span {
			font-size: 30rpx;
		}
	}

	/deep/.hx-navbar__content__main_search_input {
		background-color: #4a705e;
	}

	.one-cate {
		display: flex;
		// width: 750rpx;
		// flex-wrap: wrap;
		justify-content: space-between;
		// padding: 0 31rpx;
		// margin-top: 200px;

		color: #373737;
		margin-left: 24rpx;

		.item {
			// width: 100rpx;
			background-repeat: no-repeat;
			text-align: center;
			margin-left: 0;
			// width:89rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			width: 96rpx;
			margin-right: 48rpx;
			// margin-right: 40rpx;
			// margin-right: 40rpx;

			// &:last-child {
			//   margin-right: 0;
			// }

			image {
				width: 96rpx !important;
				height: 96rpx !important;

			}

			.word {
				margin-bottom: 31rpx;
				margin-top: 8rpx;
				font-weight: bold;
				font-size: 23rpx;
				color: #333333;
				line-height: 23rpx;
			}
		}

		.item:first-child {
			margin-left: 0;
		}

		.item:nth-child(5n + 1) {
			margin-left: 0;
		}
	}

	.seat {
		width: 100%;
		background-color: #0b844a;
		position: absolute;
		z-index: 5;
		height: 60rpx;
	}

	.search-box {
		display: flex;
		justify-content: space-between;
		width: 709rpx;
		margin-left: 12rpx;
		height: 71rpx;
		align-items: center;
		position: absolute;
		z-index: 10;
		background-color: #0b844a;
		margin-top: 15rpx;

		.search {
			width: 641rpx;
			height: 60rpx;
			display: flex;
			align-items: center;
			background: #018836;
			border: 1px solid rgba(255, 255, 255, 0.42);
			border-radius: 30rpx;
			position: relative;

			.search-icon {
				font-size: 18px;
				margin-left: 30rpx;
				color: #dbdbdb;
			}

			.key-word {
				color: #abc5b5;
				margin-left: 25rpx;
				font-size: 22rpx;
			}

			// .hxicon {
			// 	position: absolute;
			// 	left: 24px;
			// 	font-size: 18px;
			// 	color: #dbdbdb;
			// 	z-index: 100;
			// }
		}

		.iconfont {
			position: relative;
		}

		.message {
			font-size: 40rpx;
			color: white;
			z-index: 11;
		}

		.num {
			position: absolute;
			top: -18rpx;
			left: -20rpx;
			background-color: red;
			padding: 2rpx 10rpx;
			border-radius: 14rpx;
			font-size: 20rpx;
			font-weight: 400;
			color: #ffffff;
		}
	}

	.bannersize {
		display: block;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}

	.guess {


		.guess-item {
			display: flex;
			flex-wrap: wrap;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			padding: 0 19rpx;
			box-sizing: border-box;

			// width: 711rpx;
			.item {
				margin-bottom: 19rpx;
				// background-color: #ffffff;
				overflow: hidden;
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: center;
				width: calc(50% - 10rpx);
				// height: 508rpx;
				height: auto;
				background: #FFFFFF;
				border-radius: 19rpx 19rpx 19rpx 19rpx;

				image {
					width: 346rpx;
					height: 336rpx;
					// border-radius: 18rpx;
				}

				.name {
					margin: 6rpx;
					width: 318rpx;
					// height: 78rpx;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 1;
					-webkit-box-orient: vertical;
					word-wrap: break-word;
					word-break: break-all;
					white-space: normal !important;
					color: #474747;

					font-weight: 400;
					font-size: 27rpx;
					color: #333333;
					line-height: 38rpx;
					margin-top: 11rpx;


				}

				.tag-box {
					margin: 10rpx 20rpx 0 20rpx;

					.tag1 {
						width: 69rpx;
						height: 30rpx;
					}

					.tag2 {
						width: 116rpx;
						height: 30rpx;
						margin-left: 10rpx;
					}
				}

				.number {
					display: flex;
					align-items: center;
					// padding-bottom: 40rpx;
					// margin: 0 20rpx 0 20rpx;
					margin: 30rpx 0 0 0;

					.number-red {
						font-weight: bold;
						font-size: 27rpx;
						color: #FF211F;
						line-height: 27rpx;
						margin-right: 6rpx;

						text {
							font-weight: 400;
							font-size: 23rpx;
							color: #BCBCBC;
						}
					}

					.number-grey {

						font-weight: 400;
						font-size: 23rpx;
						color: #BCBCBC;
						line-height: 17rpx;
						text-decoration: line-through;



					}
				}
			}

			// .item:nth-child(2n) {
			// 	margin-left: 19rpx;
			// }
			// .item:nth-child(2n-1) {
			// 	margin-left: 19rpx;
			// }
		}

		.guess-top {
			display: flex;
			align-items: center;
			margin-bottom: 28rpx;

			.guess-left {
				font-size: 36rpx;
				color: #474747;
				font-weight: Bold;
				line-height: 30rpx;
			}

			.guess-line {
				width: 1rpx;
				height: 32rpx;
				background-color: #9e9e9e;
				margin: 0 16rpx;
			}

			.guess-right {
				font-size: 24rpx;
				color: #474747;
				font-weight: Regular;
				line-height: 24rpx;
			}
		}
	}

	.new-products {
		// margin: 38rpx 0 38rpx 19rpx;
		// margin: 0 0 0 30rpx;

		.new-list {
			display: flex;
			overflow: scroll;
			white-space: nowrap;




			.item {
				text-align: left;
				// width: 265rpx !important;
				// height: 377rpx !important;
				background: #FFFFFF;
				display: flex;
				white-space: nowrap;
				flex-direction: column;
				justify-content: flex-start;
				align-items: flex-start;
				margin-left: 19rpx;
				border-radius: 20rpx;


				image {
					width: 276rpx;
					height: 276rpx;
					border-top-left-radius: 20rpx;
					border-top-right-radius: 20rpx;

				}

				.title {
					padding: 0 11rpx;
					overflow: hidden;
					word-break: break-all;
					font-weight: bold;
					font-size: 23rpx;
					color: #333333;
					font-weight: Regular;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 1;
					-webkit-box-orient: vertical;
					word-wrap: break-word;
					white-space: normal !important;
					width: 252rpx;
				}

				.list-num {
					width: 158rpx;
					// margin-top: 19rpx;
					text-align: center;
					padding-right: 10rpx;
					font-weight: bold;
					font-size: 27rpx;
					color: #FF211F;
					line-height: 27rpx;

					text {
						font-size: 27rpx;
						text-align: center;
					}
				}
			}


			.item:last-child {
				margin-right: 19rpx;
			}
		}

		.montn-scroll {
			margin: 0 auto;
			border-radius: 6rpx;
			width: 124rpx;
			height: 14rpx;
			background-color: #dddddd;
			border-radius: 7rpx;
			text-align: center;

			.montn-red {
				width: 50rpx;
				border-radius: 6rpx;
				height: 14rpx;
				background-color: #ff6600;
			}
		}

		.month-list {
			// display: flex;
			// overflow: scroll;
			// white-space: nowrap;
			position: relative;
			padding-bottom: 20rpx;
			height: 350rpx;

			/deep/ uni-swiper {
				height: 350rpx;
			}

			.item {
				margin: 28rpx 0;
				text-align: center;
				height: 350rpx;
				width: 217rpx;

				image {
					width: 217rpx;
					margin: 0 auto;
					height: 217rpx;
					// border-radius: 10rpx;
				}

				.list-num {
					width: 217rpx;
					margin-top: 16rpx;
					font-size: 32rpx;
					// line-height: 24rpx;
					color: #ff721b;
					// font-weight: bold;
					text-align: center;

					text {
						font-size: 32rpx;
						text-align: center;
					}
				}

				.sold {
					font-size: 22rpx;
					font-weight: Medium;
					line-height: 24rpx;
					color: #999999;
					margin-top: 8rpx;
					text-align: center;
				}
			}

			/deep/ swiper-item {
				width: 33.333%;
			}
		}

		.new-top {
			display: flex;
			align-items: center;

			.new-left {
				font-size: 36rpx;
				color: #474747;
				font-weight: Bold;
				line-height: 30rpx;
			}

			.new-line {
				width: 1rpx;
				height: 33rpx;
				background-color: #9e9e9e;
				margin: 0 16rpx;
			}

			.new-right {
				font-size: 24rpx;
				color: #474747;
				font-weight: Regular;
				line-height: 24rpx;
			}
		}
	}

	.slide-box {
		display: flex;
		justify-content: center;
	}

	.dotBox {

		height: 14rpx;
		overflow: hidden;
		border-radius: 14rpx;
		background-color: #ccc;
		display: flex;
		justify-content: center;

		.dotBox_item {
			width: 45rpx;
			height: 14rpx;
			border-radius: 2rpx;
			background-color: #ccc;
			transition: all 0.5s;
		}

		.active_dotBox {
			width: 45rpx;
			background: #ff721b;
			transition: all 0.5s;
		}
	}

	.hot {


		.hot-item {
			display: flex;
			overflow: scroll;
			white-space: nowrap;
			background-color: #F5F5F5;


			.hot-number {
				display: flex;
				justify-content: flex-start;
				align-items: center;

			}

			.hot-large {
				color: #FF211F;
				font-weight: bold;
				font-size: 27rpx;
				color: #FF211F;
				line-height: 27rpx;
				margin-left: 11rpx;

				text {
					font-size: 27rpx;
				}
			}

			.hot-small {

				font-weight: 400;
				font-size: 23rpx;
				color: #BCBCBC;
				line-height: 17rpx;
				color: #aaaaaa;
				margin-left: 6rpx;
				text-decoration: line-through;
			}



			.hot-introduce {
				padding: 0 3px;
				overflow: hidden;
				word-break: break-all;
				margin-top: 16rpx;
				// width: 240rpx;

				font-weight: bold;
				font-size: 23rpx;
				color: #333333;
				font-weight: Regular;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
				word-wrap: break-word;
				white-space: normal !important;
				width: 252rpx;
			}

			.item {
				border-radius: 19rpx 19rpx 19rpx 19rpx !important;
				background-color: #fff;
				margin-left: 19rpx;
			}

			.item:last-child {
				margin-right: 19rpx;
			}

			display: flex;

			margin-top: 27rpx;

			image {
				width: 276rpx;
				height: 276rpx;
				border-top-left-radius: 20rpx;
				border-top-right-radius: 20rpx;
				// margin-top: 19rpx;
				// margin-left: 27rpx;
				// margin-right: 27rpx;
				// border-radius: 16rpx;
			}
		}


	}

	.hot-top {
		display: flex;
		align-items: center;
		margin-left: 19rpx;

		.hot-left {
			font-weight: bold !important;
			font-size: 31rpx;
			color: #333333;
			line-height: 31rpx;
			letter-spacing: 4rpx;
		}

		.hot-body {
			width: 1rpx;
			height: 32rpx;
			background-color: #9e9e9e;
			margin: 0 16rpx 0 14rpx;
		}

		.hot-right {
			font-weight: 400;
			font-size: 23rpx;
			color: #A5A5A5;
			line-height: 21rpx;
			margin-left: 19rpx;
			letter-spacing: 2rpx;
		}
	}

	.middle:last-child {
		border: none;
	}

	.middle {
		display: flex;
		border-bottom: 1rpx solid #e6e6e6;
		padding-bottom: 40rpx;
		padding-top: 42rpx;

		.middle-left {
			margin-right: 20rpx;

			image {
				width: 226rpx;
				height: 226rpx;
				border-radius: 40rpx;
			}
		}

		.middle-right {
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			margin-top: 10rpx;
			padding-bottom: 10rpx;

			.middle-title {
				font-size: 32rpx;
				margin-top: 10rpx;
				color: #474747;
				font-weight: 400;
				line-height: 36rpx;
			}

			.contain {
				display: flex;
				align-items: flex-end;

				.large {
					color: #FF211F;
					font-size: 36rpx;
					// font-weight: Bold;
					line-height: 24rpx;

					text {
						font-size: 36rpx;
					}
				}

				.small {
					margin-left: 16rpx;
					font-size: 30rpx;
					font-weight: 500;
					color: #aaaaaa;
					line-height: 24rpx;
					text-decoration: line-through;
				}
			}

			.division {
				display: flex;
				// margin-top: 60rpx;
				width: 100%;
				padding-bottom: 10rpx;
				align-items: center;
				justify-content: space-between;
			}

			.middle-num {
				flex: 1;

				.three {
					font-size: 28rpx;
					font-weight: Regular;
					color: #474747;
					line-height: 24rpx;
					margin-top: 8rpx;
				}
			}

			.button {
				padding: 10rpx 25rpx 10rpx 25rpx;
				color: #ffffff;
				font-size: 28rpx;
				font-weight: Medium;
				background: #FF211F;
				border-radius: 32rpx;

			}
		}
	}

	.group-work {
		margin: 50rpx 30rpx 0 30rpx;
		border-radius: 40rpx;
		// background-color: #ffffff;
		// padding: 30rpx;

		.work-top {
			padding-bottom: 20rpx;
			margin-bottom: 10rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			// border-bottom: 1rpx solid #e6e6e6;

			.top-left {
				font-size: 36rpx;
				font-weight: Bold;
				color: #474747;
				line-height: 30rpx;
			}

			.top-right {
				color: #474747;
				font-size: 24rpx;
				font-weight: Regular;

				.iconfont {
					color: #aaaaaa;
				}
			}
		}
	}

	// 惠选专区



	.hxbox {

		margin: 0 19rpx 0 19rpx;
		background-size: 100% 100%;
		width: 711rpx;
		height: 517rpx;
		border-radius: 40rpx;

		.title {
			font-size: 36rpx;
			font-weight: bold;
			color: #ffffff;
			font-weight: Regular;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			word-wrap: break-word;
			white-space: normal !important;
			width: 100rpx;
		}

		.hxClassify {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: flex-start;
			// margin-top: 26rpx;
			color: #373737;
			width: 100%;
			padding: 19rpx;
			box-sizing: border-box;
			height: 365rpx;
			padding-top: 133rpx;



			.item {
				text-align: center;
				width: 327rpx;
				height: 173rpx;
				background-repeat: no-repeat;
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: flex-start;
				background-size: 100% 100%;



				.item-left {
					display: flex;
					flex-direction: column;
					justify-content: flex-start;
					align-items: flex-start;

					.one {
						font-weight: 600;
						font-size: 25rpx;
						color: #333333;
						margin-top: 19rpx;
						margin-bottom: 6rpx;
						margin-left: 19rpx;
					}

					.two {
						font-weight: 400;
						font-size: 19rpx;
						color: #999999;
						margin-left: 19rpx;
						width: 100rpx;
						text-align: left;

					}

					.three {
						font-weight: 400;
						font-size: 19rpx;
						color: #000000;
						margin-left: 19rpx;
						margin-top: 20rpx;
					}
				}

				image {
					width: 142rpx !important;
					height: 138rpx !important;
					margin-left: 40rpx;
					margin-top: 20rpx;
				}

				.word {
					margin-top: 17rpx;
				}
			}

			.item:nth-child(1) {
				margin-bottom: 19rpx;
				margin-right: 19rpx;
			}

			.item:nth-child(2) {
				margin-bottom: 19rpx;
			}

			.item:nth-child(3) {
				margin-right: 19rpx;
			}

			.item:nth-child(4) {}


		}
	}

	.seckill {
		margin: 30rpx 30rpx 50rpx;

		.seckill-item {
			border-radius: 16rpx;

			.scroll {
				margin: 26rpx auto 26rpx auto;

				width: 124rpx;
				height: 14rpx;
				background-color: #ededed;
				border-radius: 8rpx;

				.scroll-red {
					width: 50rpx;
					height: 14rpx;
					background-color: red;
					border-radius: 8rpx;
				}
			}

			// background-color: #ffffff;
			// padding: 0 29rpx 26rpx 29rpx;

			.option {
				//   display: flex;
				position: relative;
				//   padding: 12rpx 20rpx;
				margin-top: 20rpx;

				/deep/ .uni-swiper-slide-frame {
					// width: 26% !important;
				}

				.fa-item {
					display: flex;
				}

				.option-item:first-child {
					margin-left: 0;
				}

				.option-item {
					margin-left: 24rpx;

					image {
						width: 218rpx;
						height: 218rpx;
					}

					.number {
						margin-top: 20rpx;
						text-align: center;
						// font-size: 36rpx;
						// font-weight: Bold;
						line-height: 24rpx;
						color: #ff721b;
						// width: 140rpx;

						text {
							font-size: 28rpx;
							font-weight: Medium;
						}
					}
				}
			}

			.seckill-top {
				padding: 24rpx 0;
				display: flex;
				align-items: center;
				justify-content: space-between;

				// border-bottom: 1rpx solid #e6e6e6;
				.eckill-top-left {
					display: flex;
					align-items: center;

					.left {
						font-size: 36rpx;
						font-weight: Bold;
						color: #474747;
						margin-right: 14rpx;
					}

					.line {
						width: 1rpx;
						height: 32rpx;
						background-color: #9e9e9e;
					}

					.time {
						margin-left: 16rpx;
						color: #474747;
						font-size: 24rpx;
						font-weight: Regular;
					}
				}

				.reciprocal {
					color: #ffffff;
					padding: 0 14rpx;
					background-color: #ff721b;
					font-size: 24rpx;
					// font-weight: Bold;
					border-radius: 16rpx;
					margin-left: 30rpx;
				}
			}
		}
	}

	.advertisement {
		margin: 50rpx 30rpx;

		image {
			width: 690rpx;
			height: 156rpx;
			border-radius: 28rpx;
		}
	}

	.classlist {
		margin: 30rpx;
		color: #474747;
		text-align: center;
		// margin-left: 0;
		height: 125rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;



		.item {
			text-align: center;
			height: 125rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;

			.img-box {
				// width: 110rpx;
				// height: 110rpx;
				// display: flex;
				// align-items: center;
				// justify-content: center;

				image {
					width: 89rpx;
					height: 89rpx;
				}

				text {
					font-size: 70rpx;
				}

				.alarmClock {
					color: #eb963a;
				}

				.spell {
					color: #4581f6;
				}

				.integral {
					color: #4ea700;
				}

				.discounts {
					color: #f55f40;
				}

				.activeRegion {
					color: #4581f6;
				}
			}

			.font {
				// margin-top: 17rpx;
				font-size: 23rpx;
				color: #333333;
				line-height: 23rpx;
			}

			.imgbox {
				// display: flex;
				// justify-content: center;
				// align-items: center;
				// width: 110rpx;
				// height: 110rpx;

				image {
					width: 89rpx;
					height: 89rpx !important;
				}
			}
		}
	}

	.item-red {
		background: #f76260;
		color: #fff;
	}

	.item-green {
		background: #09bb07;
		color: #fff;
	}

	.item-blue {
		background: #007aff;
		color: #fff;
	}

	.swiper {
		// margin-top: 105rpx;
		height: 360rpx;

		.swiper-item {
			width: 100%;
			height: 100%;
		}
	}

	.indexXin {
		position: relative;
		background-color: #f5f5f5;
		overflow-x: hidden;

		.top {
			position: absolute;
			// top: 0;
			left: -13%;
			width: 126%;
			overflow-x: hidden;
			height: 400rpx;
			border-radius: 0 0 50% 50%;
			background-color: #0b844a;
		}
	}

	.uni-common-mt {
		margin-top: 60rpx;
		position: relative;
	}

	.info {
		position: absolute;
		right: 20rpx;
	}

	.uni-padding-wrap {
		width: 550rpx;
		padding: 0 100rpx;
	}

	.cart-entrance {
		position: fixed;
		right: 30rpx;
		bottom: 180rpx;
		width: 50px;
		height: 50px;
		// background-image: url('https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/commonwealMall/cart.png');
		background-size: 100% 100%;
		border-radius: 50%;
		filter: drop-shadow(1px 2px 4px rgba(26, 58, 70, 0.3));
		background-color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;

		image {
			width: 60%;
			height: 50%;
			margin: 5px 2px 0 0;
		}
	}

	.box {
		position: relative;
		padding-bottom: 19rpx;
	}

	.top-box {
		width: 100%;
		// background-color: RGB(248, 22, 43);
		// padding: 49rpx 0 0 0;
		// background: #3775F6;

		&.hide {
			padding: 0;

			.title {
				display: none;
			}

			.input-box {
				// position: fixed;
				// top: 0;
				// left: 0;
				// background-color: RGB(248, 22, 43);
				// padding-bottom: 8rpx;

				.status-bar {
					display: block;
				}
			}

			.seat {
				display: block;
			}
		}

		.seat {
			display: none;
			height: 130rpx;
		}

		.title {
			margin: 0 auto;
			height: 45rpx;
			font-size: 32rpx;
			font-family: PingFang SC, PingFang SC-Bold;
			font-weight: 700;
			text-align: left;
			color: #ffffff;
			line-height: 28rpx;
			text-align: center;
		}

		.input-box {
			// display: flex;
			// justify-content: space-between;
			// align-items: center;
			// position: sticky;
			// top: 0;
			z-index: 100;
			width: 100%;
			padding: 0 0 0 19rpx;

			.text {
				margin-right: 20rpx;
				margin-left: 0rpx;
				font-weight: 500;
				font-size: 28rpx;
				color: #fff;
			}

			input {
				box-sizing: border-box;
				display: inline-block;
				vertical-align: middle;
				// #ifdef MP-WEIXIN
				width: 386rpx;
				// #endif
				// #ifdef APP-PLUS
				width: 490rpx;
				// #endif
				// #ifdef H5
				width: 490rpx;
				// #endif
				height: 70rpx;
				// background: rgba(2,81,43,0.3);
				background: #fff;
				border-radius: 98rpx;
				padding-left: 80rpx;
				color: #474747;
				background-image: url("https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/home/search-icon.png");
				background-size: 30rpx 30rpx;
				background-position: 25rpx 49%;
				background-repeat: no-repeat;
			}

			uni-input {
				padding-left: 36px;
			}

			text {
				margin-left: 10rpx;
				display: inline-block;
				vertical-align: middle;
				font-size: 42rpx;
				font-weight: 400;
				text-align: right;
				color: #ffffff;
				line-height: 42rpx;

				&.iconfont2 {
					font-size: 55rpx;
				}
			}

			.status-bar {
				display: none;
			}

			.msgCenter {
				position: relative;

				text {
					min-width: 40rpx;
					font-size: 20rpx;
					color: #ffffff;
					font-weight: 400;
					padding: 6rpx;
					background-color: #ff1400;
					border-radius: 50%;
					border: 2rpx solid #fff;
					text-align: center;
					position: absolute;
					left: 32rpx;
					top: -14rpx;
					line-height: normal;
				}
			}
		}

		.input-placeholder {
			font-weight: 400;
			font-size: 23rpx;
			color: #ADADAD;
			line-height: 69rpx;
			text-align: left;
			font-style: normal;
			text-transform: none;

		}
	}

	.notice-box {
		height: 92rpx;
		font-size: 28rpx;
		margin-bottom: 0;

		::v-deep .uni-noticebar-icon {
			width: 40rpx;
			background-image: url("https://zhongyi-shop.oss-cn-beijing.aliyuncs.com/songhe/weixin/static/home/noticebar-icon.png");
			background-size: cover;
			color: transparent !important;
		}
	}

	.samllLogo {
		width: 285rpx;
		height: 50rpx;
		margin-bottom: 21rpx;
	}

	.inputView {
		width: 712rpx !important;
		height: 69rpx !important;
		background: #FFFFFF;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-top: 19rpx;
		border-radius: 77rpx 77rpx 77rpx 77rpx !important;
		margin-bottom: 33rpx;
		padding-left: 221rpx;

		.searchInput {
			width: 31rpx;
			height: 31rpx;
			margin-right: 8rpx;
		}

		.inputClass {
			width: 626rpx;
			height: 65rpx !important;
		}

		.inputText {
			font-weight: 600;
			font-size: 27rpx;
			color: #333333;
			margin-right: 19rpx;
		}
	}

	.timeFlashView {
		width: 750rpx;
		height: 365rpx;
		box-sizing: border-box;
		margin: 0 auto;
		box-sizing: border-box;
		margin-top: 8rpx;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;



		.timeFlashSale {
			width: 346rpx !important;
			height: 365rpx;
			margin-right: 19rpx;
		}

		.timeFlashView-rightView {
			width: 346rpx !important;
			height: 100%;

			.timeFlashView-rightView-top,
			.timeFlashView-rightView-bottom {

				background-repeat: no-repeat;
				height: 173rpx;
				background-size: 100% 100%;
				width: 346rpx;

				.left {
					.title {
						font-weight: bold;
						font-size: 31rpx;
						color: #333333;
						padding: 19rpx 0 0 19rpx;
					}

					.button {
						width: 85rpx;
						height: 38rpx;
						background: linear-gradient(180deg, #FF466D 0%, #FF211F 100%);

						border: 2rpx solid #efcc8d;
						// border-image: linear-gradient(90deg, rgba(255, 232, 188, 1), rgba(239, 204, 141, 1)) 2 2;
						border-radius: 38rpx 38rpx 38rpx 38rpx;

						margin: 8rpx 0 0 19rpx;
						font-weight: 400;
						font-size: 21rpx;
						color: #FFFFFF;
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: center;

						view {
							font-size: 21rpx;
						}
					}
				}
			}

			.timeFlashView-rightView-bottom {

				margin-top: 19rpx;
			}
		}
	}

	.marginTo38 {
		margin-top: 38rpx;
		margin-bottom: 19rpx;
	}

	.marginTo22 {
		padding-top: 22rpx !important;
	}

	.new-listImage {
		// width: 211rpx !important;
		// height: 212rpx !important;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		// margin-top: 19rpx;
		// margin-left: 26rpx;
		// margin-right: 26rpx;
		// margin-bottom: 19rpx;

	}

	.marginTop600 {
		margin-top: 600rpx;
	}

	.title-price {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100rpx;
		margin-bottom: 20rpx;
	}

	.miaoshalogo {
		width: 280rpx;
		height: 107rpx;
		margin-top: 19rpx;
	}

	.miaoshaButton {
		width: 211rpx;
		height: 42rpx;
		margin-top: 14rpx;
	}

	.miaoshaBottom {
		width: 346rpx;
		height: 365rpx;

	}

	.miaoshaView {
		width: 346rpx;
		height: 365rpx;
		// background: linear-gradient( 180deg, #FFE7CA 0%, #FFBE72 100%);
		background-color: #fff;
		border-radius: 19rpx 19rpx 19rpx 19rpx;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		margin-right: 19rpx;
	}

	/deep/.uni-countdown__number {
		width: 42rpx;
		height: 42rpx;
		background: #000;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		margin-top: 4rpx;

	}

	/deep/.uni-countdown__splitor {
		font-size: 40rpx;
	}

	.page {
		position: relative;
	}

	.rightButton {
		width: 231rpx;
		height: 73rpx;
		position: absolute;
		top: 6rpx;
		right: 19rpx;
		z-index: 1000;
	}

	.allView {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		width: 102rpx;
		height: 38rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;

		view {
			font-weight: 400;
			font-size: 27rpx;
			color: #FFFFFF;
			width: 54rpx;
			line-height: 27rpx;
			margin-left: 9rpx;
		}
	}

	.allIcon {
		width: 39rpx;
		height: 39rpx;
	}

	.scrollViewClass {
		// height: 35rpx;
		width: 750rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 31rpx;
		padding: 0 19rpx;
		box-sizing: border-box;




	}

	/deep/.uni-scroll-view-content {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}

	.scrollViewClass .item {
		width: 108rpx;
		height: 27rpx;
		font-weight: 400;
		font-size: 27rpx;
		color: #FFFFFF;
		line-height: 27rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}

	.imageView {
		// filter: blur(10px);position: relative
	}

	.scroll-view {
		// white-space: nowrap;
		width: 502rpx;
		// overflow: hidden;
		// display: flex;
		overflow: scroll;
		// white-space: nowrap;
		height: 27rpx;
		line-height: 27rpx;
	}

	.scrollViewClassItem {
		font-weight: 400;
		// font-size: 27rpx;
		color: #FFFFFF;
		// line-height: 27rpx;
		// width: 108rpx !important;
		margin-right: 39rpx;
		display: inline-block;
		font-weight: 600;
		font-size: 35rpx;
		color: #FFFFFF;
		line-height: 35rpx;
	}

	.messageView {
		width: 712rpx;
		height: 62rpx;
		background: #FFF5F5;
		border-radius: 173rpx 173rpx 173rpx 173rpx !important;
		margin-left: 19rpx;
		box-sizing: border-box;
		margin-bottom: 39rpx;
	}

	.hornImage {
		width: 39rpx;
		height: 39rpx;
	}

	.messageViewContent {
		font-weight: 400;
		font-size: 23rpx;
		color: #FF5959;
		line-height: 23rpx;
		margin-left: 19rpx;
	}

	.timeShopView {
		width: 711rpx;
		height: 552rpx;
		background-image: url('@/static/image/lidapage/redWhiteBack.png');
		background-size: 100% 100%;
		margin-left: 19rpx;
		position: relative;
		z-index: 11;
	}

	.timeShopViewLeft {
		// background-image: url('@/static/image/lidapage/timeLeft.png');
		width: 260rpx;
		height: auto;
		background-size: 100% 100%;
		position: relative;
		top: 10rpx;
		left: 10rpx;
		z-index: 1;
	}

	.timeShopViewLeft-title {
		font-weight: 500;
		font-size: 31rpx;
		color: #FFFFFF;
		line-height: 31rpx;
		padding-top: 24rpx;
		padding-left: 69rpx;
		margin-bottom: 19rpx;
	}

	.lookMore {
		width: 138rpx;
		height: 46rpx;
		margin-left: 59rpx;
		margin-top: 10rpx;
	}

	.messageClass {
		background-color: #fff;
		padding-top: 25rpx;
	}

	.timeShop {
		width: 100%;
		background-color: #fff;
		padding-top: 39rpx;
	}

	.timeShopViewRight {}

	.timeShopViewRightTop {
		width: 420rpx;
		height: 173rpx;
		// background-color: red;
		position: absolute;
		top: 19rpx;
		right: 19rpx;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;

		.leftView {
			width: 173rpx;
			height: 173rpx;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			position: relative;

			.leftViewImage {
				width: 100%;
				height: 100%;
				border-radius: 14rpx;
			}

			.tuijian {
				width: 66rpx;
				height: 66rpx;
				position: absolute;
				top: 0;
				left: 0;
			}
		}

		.rightView {
			width: 235rpx;
			height: 169rpx;
			border-radius: 0rpx 0rpx 0rpx 0rpx;
			margin-left: 12rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: flex-start;

			.title {
				width: 235rpx;
				height: 69rpx;
				font-weight: 500;
				font-size: 27rpx;
				color: #333333;
				line-height: 35rpx;
				// text-align: justified;
				font-style: normal;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.moneyView {
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: center;
				// margin-top: 17rpx;
			}

			.moneyView view:nth-child(1) {
				font-weight: bold;
				font-size: 27rpx;
				color: #FF211F;
				line-height: 27rpx;
			}

			.moneyView view:nth-child(2) {
				font-weight: 400;
				font-size: 23rpx;
				color: #BCBCBC;
				line-height: 17rpx;
				text-align: left;
				font-style: normal;
				text-decoration-line: line-through;
				text-transform: none;
				margin-left: 6rpx;
			}

		}
	}

	.goodWuView {
		background-color: #fff;
		width: 100%;

	}

	.goodWu {
		width: 712rpx;
		height: 242rpx;
		margin-top: 38rpx;
		margin-left: 19rpx;
		background-color: #fff;
	}

	.productView {
		width: 100%;
		height: 431rpx;
		padding: 0 19rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		padding-top: 0;
		padding-bottom: 0;
		background-color: #fff;
	}

	.productImage {
		width: 346rpx;
		height: 206rpx;
		border-radius: 40rpx;
		// margin-right: 19rpx;
		// margin-bottom: 19rpx;
	}

	.redemptionPoints {
		width: 711rpx;
		height: 171rpx;
		margin-top: 19rpx;
		margin-left: 19rpx;
	}

	.lijiqianggou {
		width: 127rpx;
		height: 38rpx;
		// margin-top: 17rpx;
	}

	.timeShopViewBottom {
		width: 660rpx;
		height: 60%;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		// background-color: yellow;
		margin-left: 30rpx;
		margin-top: 40rpx;

		.timeShopViewBottom-item {
			width: 154rpx;
			height: 294rpx;
			border-radius: 0rpx 0rpx 0rpx 0rpx;
			padding-top: 19rpx;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
			display: inline-block;
			margin-right: 31rpx;

			.timeShopViewBottom-itemImage {
				width: 154rpx !important;
				height: 154rpx !important;
				border-radius: 14rpx;
			}

			.timeShopViewBottom-itemTitle {
				width: 154rpx !important;
				// height: 62rpx !important;
				// line-height: 124rpx !important;
				font-weight: 500 !important;
				font-size: 23rpx !important;
				color: #333333 !important;
				margin-top: 11rpx !important;
				// text-align: justified !important;
				font-style: normal !important;

				// display: -webkit-box; //将对象作为弹性伸缩盒子模型显示
				height: 60rpx;
				line-height: 30rpx;
				// text-align: justified;

			}

			.timeShopViewBottom-itemTitle-moneyView {
				text-align: center;
			}

			.timeShopViewBottom-itemTitle-moneyView view:nth-child(1) {
				font-weight: bold;
				font-size: 27rpx;
				color: #FF211F;
				line-height: 27rpx;
				margin-top: 11rpx;
				line-height: 27rpx;
			}

			.timeShopViewBottom-itemTitle-moneyView view:nth-child(2) {
				font-weight: 400;
				font-size: 23rpx;
				color: #BCBCBC;
				line-height: 23rpx;
				margin-top: 11rpx;
				padding-bottom: 19rpx;

			}
		}
	}

	/deep/.u-type-error-light-bg {
		width: 712rpx;
		height: 62rpx;
		background: #FFF5F5;
		border-radius: 173rpx 173rpx 173rpx 173rpx;
		margin: 0 auto;
		// display: flex;
		// flex-direction: row;
		// justify-content: flex-start;
		// align-items: center;
	}

	/deep/.u-notice-text {
		font-weight: 400 !important;
		font-size: 23rpx !important;
		color: #FF5959 !important;
		line-height: 23rpx !important;
	}

	/deep/.u-notice-box {
		flex: 1;
		width: 100%;
	}

	// /deep/.uni-input-wrapper {
	// 	width: 200rpx;
	// }

	// /deep/.u-input__input {
	// 	width: 200rpx;
	// }
	.oneCateView {
		white-space: nowrap;
		height: auto;
		height: 285rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;

		// box-sizing: border-box;
	}

	.itemView {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		padding-left: 40rpx;
	}

	.hot-item {
		font-weight: 400;
		font-size: 27rpx;
		color: #B3B3B3;
		margin-right: 39rpx;
	}

	.titleView {
		position: sticky;
		top: 0;
		z-index: 50;
		width: 100%;
		// display: flex;
		// justify-content: space-between;
		// align-items: center;
		// padding: 0 106rpx 0 106rpx;
		// box-sizing: border-box;
		// border-bottom: 1px solid #e6e6e6;

	}

	.backTop {
		background-color: #fff;
		position: absolute;
		top: 0;
	}

	.redemptionPointsView {
		width: 100%;
		background-image: linear-gradient(#fff, #f6f6f6);
	}
</style>